<template>
  <ul class="options">
      <li>
        <router-link to="/cartAddress/my">
          <img  src="./images/dizhi.png" alt="图标" class="ico">
          <div class="del">
            地址管理
            <img src="./images/arrow.png" alt="箭头">
          </div>
        </router-link>
        <a href="//aq.suning.com/asc/wap/mobile/show_1.do">
          <img  src="./images/anquan.png" alt="图标" class="ico">
          <div class="del">
            帐号安全
            <img src="./images/arrow.png" alt="箭头">
          </div>
        </a>
        <a href="//s.suning.com/report/custom/m/cmws.htm">
          <img  src="./images/yijian.png" alt="图标" class="ico">
          <div class="del">
            意见反馈
            <img src="./images/arrow.png" alt="箭头">
          </div>
        </a>
        <a href="//sale.suning.com/CMWS/helpcenter1/index.html">
          <img  src="./images/bangzhu.png" alt="图标" class="ico">
          <div class="del">
            帮助中心
            <img src="./images/arrow.png" alt="箭头">
          </div>
        </a>
        <!--<a href="#">
          <img  src="./images/fenxiang.png" alt="图标" class="ico">
          <div class="del">
            分享好友
            <img src="./images/arrow.png" alt="箭头">
          </div>
        </a>-->
      </li>
  </ul>
</template>
<script>
  import {mapState} from 'vuex';
  export default {
    data(){
      return{

      }
    }
  }
</script>

<style lang="less" scoped>
  .options{
    display: block;
    width: 100%;
    li{
      background-color: #fff;
      a{
        display: block;
        width: 100%;
        padding-left:0.6rem;
        overflow: hidden;
        .ico{
          float: left;
          width: 0.64rem;
         // padding:0.48rem 0;
          padding:0.54rem 0;
          margin-right: 0.4rem;
        }
        .del{
          float: left;
          width: 13.36rem;
          padding:0.48rem 0.4rem 0.48rem 0;
          font-size: 0.56rem;
          color: #444;
          border-bottom: 1px solid #ddd;
          img{
            float: right;
            margin-top: 0.1rem;
            width: 0.4rem;
          }
        }
        &:last-child{
          .del{
            border-bottom: 0;
          }
        }
      }
    }
  }

</style>
